.tab-container {
    display: flex;
    position: relative;
    width: 100%;
    height: 16rem;
    padding-left: .5rem;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #ccc;
}

.tab-radio {
    display: none;
}

.tab-handler {
    padding: 0 1rem;
    border-right: 0.2rem solid #f1f3f4;
}

.tab:last-child .tab-handler {
    border-right: none;
}

.tab-radio:checked+.tab-handler {
    color: #635f5f;
}

.tab-content {
    position: absolute;
    top: 2rem;
    left: 0;
    width: 37.5rem;
    height: 15rem;
    padding: 0 1rem;
    overflow-x: auto;
    visibility: hidden;
}
.tab-content::-webkit-scrollbar {
    display: none;
}
.tab-slider {
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    margin: 0 15px;
    transition: left ease-in 500ms;
}
.tab-slider.move {
    left: -345px;
    transition: left ease-in 500ms;
}
.tab-content .combo {
    display: flex;
    width: 34.5rem;
    flex-direction: column;
    margin-right: .5rem;
}

.tab-radio:checked+.tab-handler+.tab-content {
    visibility: visible;
}